let compForm = {
    label: "表单",
    icon: "icon-text",
    children: [
        {
            label: "输入框",
            option: {
                title: "输入框",
                name: "输入框",
                icon: "icon-text",
                img: "/img/assets/input.jpg",
                dataType: 0,
                dataFormatter: "",
                stylesFormatter: "",
                child: {
                    index: [],
                    paramName: ""
                },
                data: {
                    value: ""
                },
                dataMapConfig: [],
                component: {
                    width: 300,
                    height: 50,
                    name: "input",
                    prop: "input"
                },
                option: {
                    input: {
                        placeholder: "请输入",
                        indent: 10,
                        backgroundColor: "rgb(57, 65, 77)",
                        text: {
                            color: "#90a0ae",
                            fontFamily: "SimHei",
                            fontWeight: "normal",
                            fontSize: "18"
                        },
                        border: {
                            width: 1,
                            color: "#ccc",
                            radius: 0,
                            type: "solid"
                        }
                    },
                    button: {
                        text: "确认",
                        width: 80,
                        normal: {
                            backgroundColor: "#0a73ff",
                            border: {
                                width: 1,
                                color: "#ccc",
                                radius: 0,
                                type: "solid"
                            },
                            text: {
                                color: "#fff",
                                fontFamily: "SimHei",
                                fontWeight: "normal",
                                fontSize: "18"
                            }
                        }
                    }
                },
                eventNames: ["当值变化时事件", "按钮点击时事件"],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "文本框",
            option: {
                title: "文本框",
                name: "文本框",
                icon: "icon-text",
                img: "/img/assets/text.png",
                dataType: 0,
                dataFormatter: "",
                stylesFormatter: "",
                child: {
                    index: [],
                    paramName: ""
                },
                data: {
                    value: "文本框"
                },
                dataMapConfig: [],
                component: {
                    width: 100,
                    height: 40,
                    name: "text",
                    prop: "text"
                },
                option: {
                    scroll: false,
                    singleOmit: false,
                    hoverStop: true,
                    scrollDirection: 2,
                    textAlign: "center",
                    fontSize: 26,
                    fontWeight: "normal",
                    color: "#fff",
                    speed: 0
                },
                eventNames: ["文本点击事件"],
                // 事件配置
                eventConfig: [],
                // 动作配置
                actionConfig: [
                    {
                        actionName: "动作1",
                        fnName: "exposeFn1"
                    },
                    {
                        actionName: "动作2",
                        fnName: "exposeFn2"
                    },
                    {
                        actionName: "动作3",
                        fnName: "exposeFn3"
                    },
                    {
                        actionName: "动作4",
                        fnName: "exposeFn4"
                    }
                ]
            }
        },
        {
            label: "选项卡/下拉框",
            option: {
                title: "选项卡/下拉框",
                name: "选项卡/下拉框",
                icon: "icon-tabs",
                img: "/img/assets/tabs.jpg",
                child: {
                    index: [],
                    paramName: ""
                },
                dataMapConfig: [],
                dataFormatter: "",
                stylesFormatter: "",
                dataType: 0,
                data: [
                    {
                        label: "选项卡1",
                        value: "1"
                    },
                    {
                        label: "选项卡2",
                        value: "2"
                    }
                ],
                component: {
                    width: 356,
                    height: 46,
                    name: "tabs",
                    prop: "tabs"
                },
                // 默认配置
                option: {
                    type: "tabs",
                    color: "#eee",
                    empColor: "#4dffff",
                    fontSize: 20,
                    split: 8,
                    empBackgroundImage: "/img/banner/banner5.png",
                    backgroundImage: "/img/banner/banner4.png",
                    placeholder: "",
                    mouseOverOpen: false,
                    clearable: true,
                    filterable: false
                },
                eventNames: ["切换点击事件"],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "实时时间",
            option: {
                name: "实时时间",
                title: "实时时间",
                icon: "icon-datetime",
                img: "/img/assets/datetime.jpg",
                top: 78,
                left: 1604,
                component: {
                    width: 250,
                    height: 50,
                    name: "datetime",
                    prop: "datetime"
                },
                option: {
                    format: "yyyy-MM-dd hh:mm:ss",
                    color: "#fff",
                    textAlign: "left",
                    fontSize: 24,
                    fontWeight: "normal"
                }
            }
        },
        {
            label: "时间范围",
            option: {
                name: "时间范围",
                title: "时间范围",
                icon: "icon-datetime",
                img: "/img/assets/datetimerange.jpg",
                top: 0,
                left: 0,
                dataType: 0,
                data: {
                    startTime: "",
                    endTime: ""
                },
                dataMapConfig: [],
                dataFormatter: "",
                stylesFormatter: "",
                component: {
                    width: 400,
                    height: 50,
                    name: "datetimerange",
                    prop: "datetimerange"
                },
                option: {
                    scroll: true,
                    speed: 70,
                    textAlign: "center",
                    fontSize: 26,
                    fontWeight: "normal",
                    color: "#fff",
                    startPlaceholder: "开始时间",
                    endPlaceholder: "结束时间",
                    defaultStartDate: "2023-01-01",
                    defaultEndDate: "2023-12-31"
                },
                eventNames: ["切换点击事件"],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "开关",
            option: {
                title: "开关",
                name: "开关",
                icon: "icon-text",
                img: "/img/assets/switch.jpg",
                dataType: 0,
                dataFormatter: "",
                stylesFormatter: "",
                child: {
                    index: [],
                    paramName: ""
                },
                data: {
                    value: true
                },
                dataMapConfig: [],
                component: {
                    width: 100,
                    height: 30,
                    name: "switch",
                    prop: "switch"
                },
                option: {
                    disabled: false
                },
                eventNames: ["switch 状态发生变化时"],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "单选选项卡",
            option: {
                title: "单选选项卡",
                name: "单选选项卡",
                icon: "icon-text",
                img: "/img/assets/radioGroup.jpg",
                dataType: 0,
                dataFormatter: "",
                stylesFormatter: "",
                child: {
                    index: [],
                    paramName: ""
                },
                data: {
                    group: ["上海", "北京", "广州", "深圳"],
                    select: "上海"
                },
                dataMapConfig: [],
                component: {
                    width: 400,
                    height: 40,
                    name: "radioGroup",
                    prop: "radioGroup"
                },
                option: {
                    disabled: false,
                    textColor: "#fff",
                    fill: "#409EFF"
                },
                eventNames: ["选中值发生变化时"],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "多选选项卡",
            option: {
                title: "多选选项卡",
                name: "多选选项卡",
                icon: "icon-text",
                img: "/img/assets/checkBoxGroup.jpg",
                dataType: 0,
                dataFormatter: "",
                stylesFormatter: "",
                child: {
                    index: [],
                    paramName: ""
                },
                data: {
                    group: ["复选框 A", "复选框 B", "复选框 C", "复选框 D"],
                    select: ["复选框 A", "复选框 B"]
                },
                dataMapConfig: [],
                component: {
                    width: 400,
                    height: 40,
                    name: "checkBoxGroup",
                    prop: "checkBoxGroup"
                },
                option: {
                    disabled: false,
                    textColor: "#fff",
                    fill: "#409EFF"
                },
                eventNames: ["选中值发生变化时"],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "按钮",
            option: {
                title: "按钮",
                name: "按钮",
                icon: "icon-text",
                img: "/img/assets/button.jpg",
                dataType: 0,
                dataFormatter: "",
                stylesFormatter: "",
                child: {
                    index: [],
                    paramName: ""
                },
                data: {
                    value: "Button"
                },
                dataMapConfig: [],
                component: {
                    width: 150,
                    height: 40,
                    name: "button",
                    prop: "button"
                },
                option: {
                    disabled: false,
                    plain: false,
                    round: false,
                    circle: false,
                    loading: false,
                    icon: "el-icon-edit",
                    buttonStyle: "primary",
                    link: false,
                    linkTarget: "_blank",
                    linkHref: "http://www.baidu.com"
                },
                eventNames: ["点击按钮时"],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "全屏切换",
            option: {
                title: "全屏切换",
                name: "全屏切换",
                icon: "icon-text",
                img: "/img/assets/button.jpg",
                dataType: 0,
                dataFormatter: "",
                stylesFormatter: "",
                child: {
                    index: [],
                    paramName: ""
                },
                data: {
                    value: ""
                },
                dataMapConfig: [],
                component: {
                    width: 150,
                    height: 40,
                    name: "fullScreenSwitch",
                    prop: "fullScreenSwitch"
                },
                option: {},
                eventNames: [],
                // 事件配置
                eventConfig: []
            }
        }
    ]
};
